// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
.icon-text {
    content: '';
    text-align: center;
    min-width: 50px;
    padding: 10px 0;

    ion-icon {
        font-size: 1.8em;
    }
}

.card {
    background: #fff;
    margin-top: 10px;
    &:first-child {
        margin-top:0;
    }
    .card-header {
        height: 45px;
        line-height: 45px;
        padding: 0 1em;
        border-bottom: 1px solid #e6e6e6;

        ion-icon {
            font-size: 1.4em;
            font-size: 1.4em;
            margin-right: 5px;
            vertical-align: text-top;
        }
    }

    .card-content {

    }
}